<!DOCTYPE html>
<!-- Spring Security提供了一个过滤器来拦截请求并验证用户身份。
如果用户身份认证失败，页面就重定向到/login?error，并且页面中会展现相应的错误信息。
若用户想要注销登录，可以通过访问/login?logout请求，在完成注销之后，页面展现相应的成功消息 -->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
     <title>登录页面 </title>
   	<meta charset="utf-8"/> 
   	<!--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>  
	 <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> --> 
   <link th:href="@{css/bootstrap.min.css}"  rel="stylesheet" />
   <link th:href="@{css/bootstrap-theme.min.css}" rel="stylesheet"/>
    <script th:src="@{js/jquery-3.0.0.min.js}" type="text/javascript"></script>
	<script th:src="@{js/bootstrap.min.js}"></script>    

    
    <style type="text/css">
    
     body{
     padding-top:50px;
     }
     .starter-template{
     padding:40px 15px;
     text-align:center;
     }
    </style>
    </head>
    <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
	    <div class="navbar-header">
	     <a class="navbar-brand" href="#">welcome</a>
	    </div>
	     <div id="navbar" class="collapse navbar-collapse">
		     <ul class="nav navbar-nav">
		     <li><a th:href="@{/}">首页</a></li>
		     </ul>
	     </div>
	    </div>
    </nav>
     <div class="container">   
       <div class="starter-template">  
        <div th:if="${param.error}" class="bg_warning">
     
            用户名或密码错
        </div>
        <div th:if="${param.logout}" class="bg_danger">
            您已注销成功
        </div>
        <form name="form" th:action="@{/login}"  action="/login" method="post">
            <div class="form-group"><label> 用户名 : </label>
            <input type="text" class="form-control" name="username" placeholder="账号"/>
             </div>
            <div class="form-group">
            <label> 密  码 : </label>
            <input type="password" name="password"  class="form-control"  placeholder="密码" /> 
            </div>
            <div><input type="submit" value="登录" class="btn btn-primary" /></div>
        </form>
          </div>
	    </div>
    </body>
</html>